<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>小视频二级</title>


    <!-- Expand styles -->
    <link href="../css/app/app.css" rel="stylesheet">
    <link href="../css/app/default.css" rel="stylesheet">
    <link href="../css/mui/mui.css" rel="stylesheet">


    <!-- Custom styles for this template -->
    <!-- <link href="../css/iOS/mobile/mobile.css" rel="stylesheet"> -->
</head>

<body>


    <!-- header -->
    <div>
        <div class="widget-default margin-b-5">
            <div class="farming-tab">
                <div class="index-scroll margin-b-3">
                    <div
                        class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                        <div class="mui-scroll">
                            <a class="mui-control-item mui-active">
                                苹果
                            </a>
                            <a class="mui-control-item">
                                橘子
                            </a>
                            <a class="mui-control-item">
                                香蕉
                            </a>
                            <a class="mui-control-item">
                                橘子
                            </a>
                            <a class="mui-control-item">
                                苹果
                            </a>
                            <a class="mui-control-item">
                                香蕉
                            </a>
                            <a class="mui-control-item">
                                橘子
                            </a>
                            <a class="mui-control-item">
                                苹果
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 内容 -->
        <div class="display-flex flex-warp margin-t-52">
            <div class="littlevideo-box">
                <video width="100%" height="254" autoplay>
                    <source src="../text.mp4" type="video/ogg" />
                    您的浏览器不支持Video标签。
                </video>
                <!-- <img src="../img/video-bg.png" alt="" class="littlevideo-img"> -->
                <div class="littlevideo-shade">
                    <p class="elli2 white font-12">柠檬大棚养殖技术柠檬大棚养殖 技术柠檬大棚养殖技术柠术柠檬大棚养殖技术柠檬大棚养殖技</p>
                    <p class="white font-12">700次<span class="padding-l-10">播放</span></p>
                </div>
            </div>
            <div class="littlevideo-box">
                <video width="100%" height="254" autoplay>
                    <source src="../text.mp4" type="video/ogg" />
                    您的浏览器不支持Video标签。
                </video>
                <!-- <img src="../img/video-bg.png" alt="" class="littlevideo-img"> -->
                <div class="littlevideo-shade">
                    <p class="elli2 white font-12">柠檬大棚养殖技术柠檬大棚养殖 技术柠檬大棚养殖技术柠术柠檬大棚养殖技术柠檬大棚养殖技</p>
                    <p class="white font-12">700次<span class="padding-l-10">播放</span></p>
                </div>
            </div>
            <div class="littlevideo-box">
                <video width="100%" height="254" autoplay>
                    <source src="../text.mp4" type="video/ogg" />
                    您的浏览器不支持Video标签。
                </video>
                <div class="littlevideo-shade">
                    <p class="elli2 white font-12">柠檬大棚养殖技术柠檬大棚养殖 技术柠檬大棚养殖技术柠术柠檬大棚养殖技术柠檬大棚养殖技</p>
                    <p class="white font-12">700次<span class="padding-l-10">播放</span></p>
                </div>
            </div>
            <div class="littlevideo-box">
                <video width="100%" height="254" autoplay>
                    <source src="../text.mp4" type="video/ogg" />
                    您的浏览器不支持Video标签。
                </video>
                <div class="littlevideo-shade">
                    <p class="elli2 white font-12">柠檬大棚养殖技术柠檬大棚养殖 技术柠檬大棚养殖技术柠术柠檬大棚养殖技术柠檬大棚养殖技</p>
                    <p class="white font-12">700次<span class="padding-l-10">播放</span></p>
                </div>
            </div>
            <div class="littlevideo-box">
                <video width="100%" height="254" autoplay>
                    <source src="../text.mp4" type="video/ogg" />
                    您的浏览器不支持Video标签。
                </video>
                <div class="littlevideo-shade">
                    <p class="elli2 white font-12">柠檬大棚养殖技术柠檬大棚养殖 技术柠檬大棚养殖技术柠术柠檬大棚养殖技术柠檬大棚养殖技</p>
                    <p class="white font-12">700次<span class="padding-l-10">播放</span></p>
                </div>
            </div>
            <div class="littlevideo-box">
                <video width="100%" height="254" autoplay>
                    <source src="../text.mp4" type="video/ogg" />
                    您的浏览器不支持Video标签。
                </video>
                <div class="littlevideo-shade">
                    <p class="elli2 white font-12">柠檬大棚养殖技术柠檬大棚养殖 技术柠檬大棚养殖技术柠术柠檬大棚养殖技术柠檬大棚养殖技</p>
                    <p class="white font-12">700次<span class="padding-l-10">播放</span></p>
                </div>
            </div>



        </div>


    </div>

    <div class="hobby-footer1 bg-transparent">
        <div class="display-flex align-items-center bot-issue" id="imgpop">
            <img class="issue-img" src="../img/issue.png" alt="">
        </div>
    </div>
    <div id="topProp" class="topProp"></div>
    <div class="propbottom">
        <div class="display-flex align-items-center justify-content-around widget-default padding-t-15 padding-b-15">
            <div class="display-flex flex-column align-items-center" id="leftProp">
                <img class="issue-img" src="../img/farm-video.png" alt="">
                <span class="font-17 blue1">农技视频</span>
            </div>
            <div class="display-flex flex-column align-items-center" id="rightProp">
                <img class="issue-img" src="../img/little-video.png" alt="">
                <span class="font-17 blue1">小视频</span>
            </div>
        </div>
    </div>




    <script type="text/javascript" src="../js/jquery.js"></script>
    <script type="text/javascript" src="../js/mui/mui.js"></script>
    <script>
        $("#imgpop").click(function () {
            $(".propbottom").show();
        })
        $("#errorPop").click(function () {
            $(".propbottom").hide();
        })
        $("#leftProp").click(function () {
            $(".propbottom").hide();
        })
        $("#rightProp").click(function () {
            $(".propbottom").hide();
        })
        $("#topProp").click(function () {
            $(".propbottom").hide();
        })
    </script>
</body>

</html>